﻿<!DOCTYPE html>

<html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title></title>
    </head>
        <body>
            <h1>Mascotas</h1>
            <div>
                <table>
                    <thead>
                        <tr><th>Nombre</th><th>Raza</th><th>Operaciones</th></tr>
                    </thead>
                    <tbody>
                        @{
                            int id = 0;
                      
                            foreach (var item in Model) {
                                <tr>
                                    <td>@item.nombre</td>
                                    <td>@item.raza</td>
                                    <td>
                                        <!-- edit -->
                                        <button>
                                        <a href="~/mascota/edit/@id">Editar</a>
                                        </button>
                                        <button>
                                        <!-- delete -->
                                        <a href="~/Mascota/Delete/@id">Borrar</a>
                                        </button>
                                    </td>
                                </tr>
                                id++;
                            }
                        }
                    </tbody>
                    <tfoot>
                        <tr>
                            <td>FF Nombres</td>
                            <td>FF Razas</td>
                            <td>FF Operaciones</td>
                        </tr>
                    </tfoot>
                </table>
                <button>
                    <a href="~/Mascota/Create"> Crear</a>
                </button>
            </div>
            <div>

            </div>
        </body>
</html>
